// 一打开购物车页面,展示购物车里面的商品
showTbody();

function showTbody(){

    $.ajax({
        url:'../interface/showlist.php',
        success:function(res){
            console.log(res)
    
            if(res.code==1){//如果获取到数据
                var arr=res.data;
                console.log(arr)
    
                if(arr){
    
                    $('.car').show();
                    $('.hide').hide();
                    $('tbody').empty();
    
                    $.each(arr,function(index,item){
                        $('tbody').append(
                            `<tr id="${item.product_id}">
                            <td class='name'>${item.product_name}</td>
                            <td>
                               <img src="../${item.product_img}" alt="">
                            </td>
                            <td class="price">${item.product_price}</td>
                            <td>
                                <span class='add'>+</span>
                                <span class="num">${item.product_num}</span>
                                <span class="jian">-</span>
                            </td>
                            <td class="del">删除</td>
                        </tr>`
                        )
                    })//遍历获取的数组
    
    
                }
            }else{
                //如果里面没有商品
                $('.car').hide();
                $('.hide').show()
            }
    
        },
        dataType:'json',
        cache:false//不要缓存
    })

}

//点击加减号,事件委托
$('tbody').click(function(e){

    var target=e.target;
    // console.log(target)

    if((target.className=='add')||(target.className=='jian')){
        //如果点击加减号，会向ajax请求
        $.ajax({
            url:'../interface/updatewq.php',
            data:{
                type:target.className,
                id:$(target).parents('tr').attr('id')

            },
            success:function(res){
                // console.log(res)
                if(res.code){
                    showTbody()
                }
            },
            dataType:'json'

 
        })

    }else if(target.className=='del'){

        $.ajax({
            url:"../interface/delwq.php",
            data:{
                id:$(target).parents('tr').attr('id')
            },
            success:function(res){
                if(res.code){
                    showTbody()
                }
            },
            dataType:'json'

        })

    }



})

//跳转首页
$('.top-nav a:nth-of-type(1)').click(function(){
    console.log(1)
    $(location).attr("href","../index.html")
})

